<#--引入layout文件-->
<#include "/ma/_layout.ftl">
<@head_meta/> 
<#--定义该界面需要引入的样式-->
<@head_css>
<!-- BEGIN PAGE LEVEL STYLES -->  
<link href="${base}/resources/ma/css/error.css" rel="stylesheet" type="text/css"/>  
<!-- END PAGE LEVEL STYLES -->
</@head_css>

<@head_script/>

<#--定义该界面需要引入的script-->
<#macro bodyscript>   

<script src="${base}/resources/ma/js/breakpoints.js" type="text/javascript"></script>  

</#macro>    

<!--定义jQuery(document).ready();方法需要初始化的函数-->
<#macro script_ready>   
</#macro>

<@layout active_id="dashboard" child_active_id="">  

				<!-- BEGIN PAGE HEADER-->

				<div class="row-fluid">

					<div class="span12">

						<!-- BEGIN STYLE CUSTOMIZER -->

						<div class="color-panel hidden-phone">

							<div class="color-mode-icons icon-color"></div>

							<div class="color-mode-icons icon-color-close"></div>

							<div class="color-mode">

								<p>THEME COLOR</p>

								<ul class="inline">

									<li class="color-black current color-default" data-style="default"></li>

									<li class="color-blue" data-style="blue"></li>

									<li class="color-brown" data-style="brown"></li>

									<li class="color-purple" data-style="purple"></li>

									<li class="color-grey" data-style="grey"></li>

									<li class="color-white color-light" data-style="light"></li>

								</ul>

								<label>

									<span>Layout</span>

									<select class="layout-option m-wrap small">

										<option value="fluid" selected>Fluid</option>

										<option value="boxed">Boxed</option>

									</select>

								</label>

								<label>

									<span>Header</span>

									<select class="header-option m-wrap small">

										<option value="fixed" selected>Fixed</option>

										<option value="default">Default</option>

									</select>

								</label>

								<label>

									<span>Sidebar</span>

									<select class="sidebar-option m-wrap small">

										<option value="fixed">Fixed</option>

										<option value="default" selected>Default</option>

									</select>

								</label>

								<label>

									<span>Footer</span>

									<select class="footer-option m-wrap small">

										<option value="fixed">Fixed</option>

										<option value="default" selected>Default</option>

									</select>

								</label>

							</div>

						</div>

						<!-- END BEGIN STYLE CUSTOMIZER -->    

						<!-- BEGIN PAGE TITLE & BREADCRUMB-->

						<h3 class="page-title">

							404 Page Option 1 <small>404 page option 1</small>

						</h3>

						<ul class="breadcrumb">

							<li>

								<i class="icon-home"></i>

								<a href="index.html">Home</a> 

								<i class="icon-angle-right"></i>

							</li>

							<li>

								<a href="#">Error</a>

								<i class="icon-angle-right"></i>

							</li>

							<li><a href="#">Error 404</a></li>

						</ul>

						<!-- END PAGE TITLE & BREADCRUMB-->

					</div>

				</div>

				<!-- END PAGE HEADER-->

				<!-- BEGIN PAGE CONTENT-->          

				<div class="row-fluid">

					<div class="span12 page-404">

						<div class="number">

							404

						</div>

						<div class="details">

							<h3>Opps, You're lost.</h3>

							<p>

								We can not find the page you're looking for.<br />

								<a href="index.html">Return home</a> or try the search bar below.

							</p>

							<form action="#">

								<div class="input-append">                      

									<input class="m-wrap" size="16" type="text" placeholder="keyword..." />

									<button class="btn blue">Search</button>

								</div>

							</form>

						</div>

					</div>

				</div>

				<!-- END PAGE CONTENT--> 

</@layout>